<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
<title>Page Title</title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
</head>
<body>
<div class="container">
			<nav class="navbar navbar-default">
	  <div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
		 
			 
			   <a class="navbar-brand logo-navbar" href="#">
				<img class ="logo" src="http://cachkiemtienonline.com/wp-content/uploads/quang-cao-rao-vat.jpg"/> 
				</a>
			  
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <ul class="nav navbar-nav">
			<li class="active"><a href="#">Hàng hóa  <span class="sr-only">(current)</span></a></li>
			<li><a href="#">Rao bán</a></li>
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Thêm <span class="caret"></span></a>
			  <ul class="dropdown-menu">
				<li><a href="#">Thông tin sản phẩm</a></li>
				<li><a href="#">Đánh giá</a></li>
				<li><a href="#">Tin tức </a></li>
				<li role="separator" class="divider"></li>
				<li><a href="#">Tên cửa hàng</a></li>
				<li role="separator" class="divider"></li>
				<li><a href="#">Thông tin khác</a></li>
			  </ul>
			</li>
		  </ul>
		  <form class="navbar-form navbar-left" role="search">
			<div class="form-group">
			  <input type="text" class="form-control" placeholder="Search">
			</div>
			<button type="submit" class="btn btn-default">Tìm kiếm</button>
		  </form>
		  <ul class="nav navbar-nav navbar-right">
					
			<!-- Button trigger modal -->
			<button type="button" class="btn btn-success navbar-btn" data-toggle="modal" data-target="#myModal">
			  Đăng Nhập
			</button>
			<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				  <div class="modal-dialog" role="document">
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">Sign in</h4>
					  </div>
					  <div class="modal-body">
						<form>
								  <div class="form-group">
									<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
								  </div>
								  <div class="form-group">
									<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
								  </div>
									 <label>
										<input type="checkbox" values="remember-me " checked>Remember me
									 </label>
						</form>
					  </div>
					  <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
						<button type="button" class="btn btn-primary">Sign in</button>
					  </div>
					</div>
				  </div>
				</div>
			
			
			
			
			
		  </ul>
		</div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<div class="container-fluid">
		 <div class="row">
				<div class="col-md-3">
					<div class="list-group">
					  <a href="#" class="list-group-item active">
					     <span class="glyphicon glyphicon-bookmark"></span>
						Danh mục
					  </a>
					  <a href="#" class="list-group-item">Laptop <span class="badge">9</span></a>
					  <a href="#" class="list-group-item">Máy tính bảng<span class="badge">8</span></a>
					  <a href="#" class="list-group-item">Điện thoại<span class="badge">14</span></a>
					  <a href="#" class="list-group-item">Đồ dùng sinh hoạt<span class="badge">20</span></a>
					</div>
				
				</div>
					
				<div class="col-md-9">
					<h1>Quản lý người dùng</h1> 
					<hr>
				<p class="text-right">
					<a type="button" class="btn btn-success" href="form.html">
						<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
						Thêm mới
					</a>
				</p>
				<table class="table table-striped">
					  <thead>
						<th>Mã người dùng</th>
						<th>Tên truy cập</th>
						<th>Mật khẩu</th>
						<th>Họ tên</th>
						<th>Ghi chú</th>
					  </thead>
					  <tbody>
						<tr>
							<td>1</td>
							<td>td</td>
							<td>123</td>
							<td>Huyền</td>
							<td>
								<button type="button" class="btn btn-warning" data-toggle="tooltip" data-placement="bottom" title="Xóa">
									<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
								</button>
								<button type="button" class="btn btn-info" data-toggle="tooltip" data-placement="bottom" title="Sửa">
									<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
								</button>
							</td>
						</tr>
					  </tbody>
				</table>
				
				<h1>DM Khách</h1> 
					<hr>
				<p class="text-right">
					<a type="button" class="btn btn-success" href="form.html">
						<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
						Thêm mới
					</a>
				</p>
				<table class="table table-striped">
					  <thead>
						<th>Mã khách</th>
						<th>Tên </th>
						<th>Địa chỉ</th>
						<th>Điện thoại</th>
						<th>Email</th>
						<th>Ghi chú</th>
					  </thead>
					  <tbody>
						<tr>
							<td>01</td>
							<td>Thảo</td>
							<td>Đăklăk</td>
							<td>01636756734</td>
							<td>maithao</td>
							<td>
								
								<button type="button" class="btn btn-warning" data-toggle="tooltip" data-placement="bottom" title="Xóa">
									<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
								</button>
								<button type="button" class="btn btn-info" data-toggle="tooltip" data-placement="bottom" title="Sửa">
									<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
								</button>
								
							</td>
						</tr>
					  </tbody>
				</table>
				
				<h1>DM Hàng</h1> 
					<hr>
				<p class="text-right">
					<a type="button" class="btn btn-success" href="form.html">
						<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
						Thêm mới
					</a>
				</p>
				<table class="table table-striped">
					  <thead>
						<th>Tên hàng</th>
						<th>Mã hàng</th>
						<th>Hình ảnh</th>
						<th>DVT</th>
						<th>Đơn giá</th>
						<th>Mã nhà cung cấp</th>
						<th>Mã loại hàng</th>
						<th>Mô tả</th>
						<th>Ghi chú</th>
					  </thead>
					  <tbody>
						<tr>
							<td>laptop</td>
							<td>123</td>
							<td> </td>
							<td>VND</td>
							<td>13000000</td>
							<td>0v3</td>
							<td>96</td>
							<td>bền</td>
							<td>
								<button type="button" class="btn btn-warning" data-toggle="tooltip" data-placement="bottom" title="Xóa">
									<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
								</button>
								<button type="button" class="btn btn-info" data-toggle="tooltip" data-placement="bottom" title="Sửa">
									<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
								</button>
							</td>
						</tr>
					  </tbody>
				</table>
				
				</div>
		 </div>
	</div>
		
		
		
</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>


</body>
</html>